<!--  -->
<template>
  <div>
    <!-- <div>part2 {{$route.query.id}}</div> -->
    <h1>part2---{{pro.a}}</h1>
    <div>
      part2 {{$route.params.id}}
    </div>
    <input type="text" v-model="age" />
    <input type="text" v-model.lazy="age"/>
  </div>
</template>

<script>
export default {
  data () {
    return {
      name:'fangfang',
      age:18
    }
  },
  props:['pro'],
  watch:{
    age:function(newVal,oldVal){
      console.log(newVal+"  "+oldVal);
    }
  }
}

</script>

<style scoped>

</style>
